<template>
  <div>index page
    <ul>
        <li v-for="item in list">
            [{{item.author.loginname}}] - [{{item.create_at}}]
            <router-link :to="'/content/' + item.id">{{item.title}}</router-link>
        </li>
    </ul>
  </div>
</template>
<script>
export default {
  data () {
    return {
      list: []
    }
  },
  created () {
    this.$api.get('/topics', null, data => {
      this.list = data.data
      console.log(this.list)
    })
  }
}
</script>
